/* Test file styles for Dijit widgets */

body {
	background:#fff url("../images/testsBodyBg.gif") repeat-x top left;
	padding:0em 0em 0em 0em;
	
}
th{
	font-style: normal; 
	font-weight: bold;
	
}


h1.testTitle {
	font-size:2em;
	margin:0 0 1em 0;
}

/* Icons used in the tests */
.sendIcon{
  background-image: url(../image/send.gif);
  background-position:center center;
	width: 32px;
	height:32px;
}
.upPageIcon{
  background-image: url(../image/upPageIcon.gif);
  background-position:center center;
	width: 26px;
	height:16px;
}
.downPageIcon{
  background-image: url(../image/downPageIcon.gif);
  background-position:center center;
	width: 26px;
	height: 16px;
}
.toPageIcon{
  background-image: url(../image/toPagesIcon.gif);
	width: 16px;
	height: 16px;
}
.noPageIcon{
  background-image: url(../image/noPageIcons.gif);
	width: 16px;
	height: 16px;
}
.pageIcon{
  background-image: url(../image/pagesIcon.gif);
	background-position:center center;
	width: 26px;
	height: 16px;
}
.pageStyleIcon{
  background-image: url(../image/pageStyleIcon.gif);
	background-position:center center;
	width: 26px;
	height: 16px;
}
.allcloseIcon{
  background-image: url(../image/allclose.gif);
	
	width: 32px;
	height: 16px;
}
.allopenIcon{
  background-image: url(../image/allopen.gif);
	
	width: 32px;
	height: 16px;
}
.queryIcon{
  background-image: url(../image/queryIcon.png);
	
	width: 16px;
	height: 16px;
}
.openQueryIcon{
  background-image: url(../image/openQueryIcon.png);
	
	width: 16px;
	height: 16px;
}
.addIcon{
  background-image: url(../image/addIcon.png);

	width: 16px;
	height: 16px;
}
.delIcon{
  background-image: url(../image/delIcon.png);
	width: 16px;
	height: 16px;
}
.saveIcon{
  background-image: url(../image/saveIcon.jpg);
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px;
}
.colIcon{
  background-image: url(../image/colIcon.gif);
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px;
}
.rowIcon{
  background-image: url(../image/rowIcon.gif);
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px;
}

.openPaneIcon{
  background-image: url(../image/plusButton.gif);
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px;
}
.closePaneIcon{
  background-image: url(../image/minusButton.gif);
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px;
}

.plusIcon, .plusBlockIcon {
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px;
}
.plusBlockIcon {
	display: block;
}
.noteIcon {
	background-image: url(../images/note.gif);
	background-repeat: no-repeat; 
	width: 20px;
	height: 20px;
}
.codeTreeNoteIcon {
	background-image: url(../image/test.gif);
	background-repeat: no-repeat; 
	width: 15px;
	height: 20px;
}
.flatScreenIcon {
	background-image: url(../images/flatScreen.gif);
	background-repeat: no-repeat; 
	width: 32px;
	height: 32px;
}
.dijitTestNodeDialog {
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	width:200px;
	visibility:hidden;
	background-color:#fff !important;
	color:#000 !important; 
	border:1px solid #000;
	padding:5px; 
}
.dijitTestNodeDialog table {
	background-color:#fff !important;
}
.dijitTestNodeDialog td {
	padding:3px; 
}
.dijitTestNodeShowing {
	visibility:visible; 
}

.dj_ie .tundra INPUT.dojoTextBox{
	height: 22px; /* needed since the INPUT is position:absolute */
}

/*.dojoTextBox{
  font-size:100%;
	border: solid black 1px;
	width: 100%;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
/*}*/
.tundra .mydijitButtonNode {
	/* enabled state - inner */
	/* border:1px outset #a0a0a0; */
	border:0px solid #9b9b9b;
	vertical-align: middle;
	padding: 0em 0em;
	background:#e9e9e9 url("images/buttonEnabled.png") repeat-x top;
}

.mydijitButtonNode {
	/* Node that is acting as a button -- may or may not be a BUTTON element */
	border:1px solid gray;
	margin:0px;
	padding:.2em .2em .1em .2em;
	/*padding:0em 0em 0em 0em;*/
	overflow:visible;
	line-height:normal;
	font-family:inherit;
	font-size:inherit;
	color: inherit;
	cursor:pointer;
	vertical-align:middle;	
	text-align:center;
	white-space: nowrap;
} 

.mydijitButtonNode IMG {
	/* make text and images line up cleanly margin-bottom:.2em; */
	vertical-align:middle;
	margin-bottom:.2em;
}

.tundra .mydijitA11yDownArrow,
.tundra .mydijitDownArrowButton,
.tundra .mydijitUpArrowButton {
	font-size: 0.75em;
	color: #848484;
}

.dj_ie .mydijitA11yDownArrow,
.dj_ie .mydijitA11yUpArrow {
	font-size:.8em;
	vertical-align:middle;
	margin-right:.1em;
}

.tundra .mydijitA11yDownArrow,
.tundra .mydijitDownArrowButton,
.tundra .mydijitUpArrowButton {
	font-size: 0.75em;
	color: #848484;
}
